<template>
    <div>
         <!-- 面包屑导航区域 -->
        <div class="bread_box">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>消息管理</el-breadcrumb-item>
                <el-breadcrumb-item>邮箱管理</el-breadcrumb-item>
            </el-breadcrumb>
        </div>

         <!-- 卡片视图区域 -->
         <el-card>
             <div class="comment_box">
                <div class="comment_tip">
                    <h5><i class="el-icon-warning-outline"></i>发送信件： </h5>
                    <p>指定用户Id，可单独发送信件，否则为群发信件~</p>
                    <el-divider></el-divider>
                </div>

                <div class="comment_form">
                    <el-form label-width="60px">
                        <el-row :gutter="10">
                            <el-col :span=12>
                                <el-form-item label="用户Id">
                                    <el-input ></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span=12>
                                <el-form-item label="邮箱">
                                    <el-input ></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-form-item label="内容" >
                            <el-input type="textarea" rows="6"
                            ></el-input>
                        </el-form-item>

                        <el-form-item>
                            <el-button type="primary" >发送</el-button>
                            <el-button >重置</el-button>
                        </el-form-item>
                    </el-form>
                </div>

            </div>
         </el-card>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.comment_box{
     box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
     margin: 2% 7%;
     padding: 3% 2%;

    .comment_tip{
        h5{
            i{
                margin-right: 3px;
                margin-bottom: 2px;
                color: red;
                font-weight: bold;
            }
        }
        p{
            margin-top: 1%;
        }
        .el-divider{
            height: 0.5px;
        }
    }

    .comment_form{

    }
}
</style>
